<template>

  <div>

   <div class="hot">
     <p>热销推荐</p>
   </div>

    <div class="recomment" v-for="item of recommend" :key="item.id">

      <div class="left">
        <img :src="item.imgUrl" class="recommentimg"/>
      </div>
      <div class="right">

        <p class="name">{{item.title}}</p>
        <p class="detail">{{item.desc}}</p>
        <button>查看详情</button>


      </div>

    </div>





  </div>




</template>

<script>
    export default {
        name: "Recommend",
        props:{

          recommend:Array

       },
        data(){

          return{


            // recomendList:[{
            //   id:"001",
            //   img_src:"http://img1.qunarzz.com/sight/p0/1901/97/97f793f8c9f37ac7a3.img.png_200x200_29601dba.png",
            //   name:'北京欢乐谷',
            //   detail:"亚洲唯一飞行式过山车等你来挑战"
            //
            // },{
            //   id:"002",
            //   img_src:"http://img1.qunarzz.com/sight/p0/1411/43/dea8b51719a4a69b68777baa68c146e4.water.jpg_200x200_8da8cebe.jpg",
            //   name:'故宫',
            //   detail:'亚洲唯一一个故宫'
            //
            // },{
            //   id:"003",
            //   img_src:"http://img1.qunarzz.com/sight/p0/1901/97/97f793f8c9f37ac7a3.img.png_200x200_29601dba.png",
            //   name:'北京欢乐谷2',
            //   detail:"亚洲唯一飞行式过山车等你来挑战2"
            //
            // },{
            //   id:"004",
            //   img_src:"http://img1.qunarzz.com/sight/p0/1411/43/dea8b51719a4a69b68777baa68c146e4.water.jpg_200x200_8da8cebe.jpg",
            //   name:'故宫2',
            //   detail:'亚洲唯一一个故宫2'
            //
            // }]




          }

        }



    }
</script>

<style scoped lang="stylus">
@import '~styles/shengluehao.styl'
.hot
 background #EDECED
 font-size .3rem
 padding .2rem .2rem
.recomment
 width 100%
 display flex
 border-bottom 1px solid #ccc
 .left
  width 1.7rem
  margin .1rem .1rem
  .recommentimg
   width 100%
 .right
   flex:1
   margin .2rem .1rem
   .name
    font-size .3rem
    padding .1rem 0rem
    shenglue()
   .detail
    font-size .1rem
    padding .1rem 0rem
    color: #ccc
    shenglue()
   button
    margin-top .1rem
    border-radius .6rem
    background #FF8E08
    font-size .2rem
    padding .1rem .3rem
    color white
</style>
